タイトル画面へ

基本的な拡張機能

プログラミングを始める前にテキストエディタ(VSCode)に拡張機能を付け加える必要があります

以下に必要な機能を挙げておきます


VSCodeの画面を開く
➡左サイドバーにある拡張アイコン(上から5個目にある四角いアイコン)をクリック
➡検索バーに
拡張機能名 説明
Japanese Language Pack for Visual Code 日本語表記に変更できます
HTML CSS Support HTMLとCSSを使いやすくします
Code Spell Checker タイピングミスに気づきやすくなります
Highlight Matching Tag HTML や XML などのタグを使う言語で開きタグと閉じタグを強調表示してくれます
IntelliCode AIに依るコード補完機能を提供する拡張機能です。コードを書く際、次に入力する内容を予測して 効率的なコード補完をサポートします
Intelligence API Usage Example Intelligence API を使った機能のよびだしかたを示すサンプルコードです
Live Server リアルタイムプレビューを可能にするツールです。ファイルを保存すると自動的にブラウザが 更新され、変更を即座に確認できます
Render Line Endings 改行コードを表示します。これを有効にすると改行コードを目に見える形で表示できます 複数のオペレーティングシステム間で作業する際、改行コードの違いを確認しやすく、 コードの整合性を保つのに役立ちます
zenkaku 全角は文字幅が通常の半角文字の2倍の文字です。日本語では平仮名、片仮名、漢字は通常全角で表示され 英数字や、記号は半角で使用されることが一般的です

Jupyterシリーズ

主にデータ分析や機械学習の作業を支援するツール
拡張機能名 説明
Jupyter JupyterノートブックをVSCode内で作成、実行できる
データ分析や機械学習のコードをノートブック形式で実行するために使用
Jupyter Cell Tags Jupyterノートブック内のセルにタグをつけて、セルを識別しやすくし、 ノートブックの管理や自動化ツールとの連携を助ける機能
Jupyter Keymap Jupyterノートブックの操作をキーボードショートカットでより効率的に行うための拡張
Jupyter Notebook Renders Jupyterノートブックで生成される結果をより美しく表示するための拡張
Jupyter Slide Show ノートブック内のセルをスライド形式で表示し、 プレゼンテーションを簡単に作成できる機能
HTMLとCSSについて